<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>管理课程</title>
<link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/>
<script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/plugins/FlexSlider/flexslider.css">
<script type="text/javascript" src="Assets/plugins/FlexSlider/jquery.flexslider.js"></script>
<script type="text/javascript" src="Assets/js/main.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/css/thems.css">
<link rel="stylesheet" type="text/css" href="Assets/css/responsive.css">

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script language="javascript">

</script>
</head>

<body>
<!--头部-->
<div class="head clearfix">
    <div class="logo"><a href=""><img src="Assets/images/logo.jpg" alt="信本财富"/></a></div>
    <div class="head_r">
    	<div class="lang">
        	<a href="">中文</a>|
        </div>
          <ul class="nav clearfix">
            <li class="now"><a href="index.html">首页</a></li>
            <li><a href="product.html">课程管理</a></li>
            <li><a href="vip.html">会员管理</a></li>
            <li><a href="sig_in.html">签到管理</a></li>
            <li><a href="custom-made.html">定制会员卡</a></li>
            <li><a href="subbranch.html">场馆管理</a></li>
            <li><a href="staff.html">员工管理</a></li>
        </ul>
        <div class="nav_m">
            <span class="n_icon">&nbsp;</span>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于信本</a></li>
                <li><a href="news.html">信本动态</a></li>
                <li class="now"><a href="product.html">信本业务</a></li>
                <li><a href="#">信本学院</a></li>
                <li><a href="#">社会责任</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头部-->
<!--幻灯片--><div class="banner">
    <div class="slider">
        <div class="flexslider">
          <ul class="slides">
            <li>
                <a href=""><img src="Assets/upload/banner.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_a.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_b.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_c.jpg" alt="" /></a>
            </li>
            <li>
                <a href=""><img src="Assets/upload/banner_d.jpg" alt="" /></a>
            </li>
          </ul>
        </div>
    </div>
</div>

<!--幻灯片-->
<div class="scd clearfix">
	<div class="scd_l">
    	<div class="title"><span>会员管理</span></div>
        <ul class="s_nav">
            <li><a ><em>查询会员</em></a></li>
          <input type="" name=""><button type="submit" class="btn btn-default" id="query">查询</button>
         
            <button type="submit" class="btn btn-default" id="up">上页</button>
          &nbsp;&nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;
            &nbsp;   
          <button type="submit" class="btn btn-default" id="de">下页</button>

        </ul>


    </div>
    <div class="scd_r">
    	


<table class="table table-striped">
    <caption>会员管理</caption>
    <thead>
        <tr>
            <th>姓名</th>
            <th>手机号</th>
            <th>性别</th>
            <th>生日</th>
            <th>办卡详情</th>
        </tr>
    </thead>
    <tbody id="tbodyul">
        <tr>
            <td>Tanmay</td>
            <td>Bangalore</td>
            <td>560001</td>
            <th>姓名</th>
            <th><a href="vip - 1.html">查看</a></th>
        </tr>

    </tbody>
</table>


    </div>
</div>

</body>
</html>
<script>
    $(function(){


        $("#up").click(function () {

            if (page>=1){
                $('#tbodyul tr').remove();
                page= page-1;
                querystaff();
            }

        });

        $("#de").click(

            function () {
                $('#tbodyul tr').remove();
                page= page+1;
                querystaff();

            }
        );

        $(window).load(function () {
            querystaff();
        })

    });

    function querystaff1() {
        $('#tbodyul tr').remove();
        querystaff();
    }
    var page=0;
    function  querystaff(){
        //模糊分页查询
        var path = "/" + location.pathname.split("/")[1];

        var query =  $("#query").val();
        $.get(path+"/TVipstaffQuery",{"page":page*9,"query":query},function (list) {
            console.log(list+"=================");
            $.each(list,function (i,li) {

                console.log(li);

                console.log(li.staffimg+li.staffname+li.staffphone);
                $("#tbodyul").append(

                    '<tr>'+

                    '<td>'+li[3]+'</td>'+
                    '<td>'+li[1]+'</td>'+
                    '<td>'+li[4]+'</td>'+
                    '<th>'+li[5]+'</th>'+
                    '<th>'+
                    '<button type="submit" class="btn btn-default"><a onclick="queryStaffVipT('+li[0]+')">查看</a></button>'+
                    '</th>'+
                    '</tr>'

                );


            });

        },"json")
    }
    
    function queryStaffVipT(id) {

        var id =id;
        console.log(id+"用户id======")
        var toUrl = "vip - 1.html?id="+id;
        window.open(toUrl);
    }

</script>
